<template>
    <van-swipe class="carousel" :autoplay="3000" indicator-color="white">
        <van-swipe-item show-indicators class="carousel-item" v-for="( item, index ) in  list " :key="index">
            <img class="img" :src="item.adFocusPictureDetail.cover" alt="">
        </van-swipe-item>
        <template #indicator="">
        </template>
    </van-swipe>
</template>

<script setup lang="ts">
import type { focusImageModel } from '../../api/index.ts'

defineProps<{
    list: focusImageModel[]
}>()

</script>

<style lang="less" scoped>
.carousel {


    .carousel-item {
        text-align: center;
        margin: auto;
        width: 295px;
        height: 120px;

        .img {
            width: 295px;
            height: 120px;
            border-radius: 20px;
        }
    }
}
</style>
